<template>
  <div class="more-box g_pointer" @click="handlePush">
    <div class="more-text">{{ moreText }}</div>
    <img class="more" :src="moreUrl" />
  </div>
</template>
<script>
export default {
  props: ["moreUrl", "moreText", "moreType"],
  methods: {
    handlePush() {
      this.$router.push({
        path: "/allProducts",
        query: {
          comeType: this.moreType,
        },
      });
    },
  },
};
</script>
<style lang="less" scoped>
.more-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.more-box:hover .more-text {
  color: blue;
  font-weight: 600;
}
.more-text {
  font-size: 16px;
  font-weight: 300;
  margin-right: 6px;
  color: #444;
}
</style>